@charset "utf-8";
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

* {
	margin:0;
	padding:0;
}


ul, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: 0;
}
a {
	color:#000000;	
	text-decoration: none;
}
a:hover {
	color:#000000;
	text-decoration:underline;

}
/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
} 

body
{   
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	margin:0px;
	padding:0px;
	background-color:black;
	/*behavior:url(/js/csshover2.htc);*/ 
}

a img
{
	border:none;
}

img{
	border:medium none;
	margin:0px;
	padding:0px; 
}

a{
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:focus, a:hover{
	color:#0099ff;
}

form
{
	margin:0px;
	padding:0px;
}

.clear
{
	clear:both;
} 
/*
.wrapper{
	margin:0px auto;
	padding:0px;
	width:100%;  
	min-height:502px;
	background:url(../images/bg1.jpg) no-repeat center top;   
} 
.wrap_flash{
	width:100%;
	height:502px;
	margin:0px auto;
	padding:0px;
	position:relative;
}

 
.wrap_content{
	width:100%;
	height:502px;
	margin:0px auto;
	padding:0px;
	position:relative;
}

.wrap_menu{
	width:1000px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	position:relative;
	color:#000000;
}

*/
.logo{
	float:left;
	width:193px;
	height:112px;
	position:absolute;
	display:block;
	z-index:4;
	left:405px;
}
.menu{
	float:left;
	width:1000px;
	height:59px;
	position:absolute;
	display:block;
	z-index:3;
}
.menu ul li{
	float:left;
	list-style:none;
}
.menu ul li a{
	float:left;
	background-repeat:no-repeat;
	display:block;
}
.menu ul li a:hover{
	float:left;
	background-repeat:no-repeat;
	display:block;
}
.menu .nav01 a{
	float:left;
	background-image:url(../images/nav01.png);
	width:154px;
	height:59px;
}
.menu .nav01 a:hover{
	float:left;
	background-image:url(../images/nav01-on.png);
	width:154px;
	height:59px;
}
.menu .nav01_select a{
	float:left;
	background-image:url(../images/nav01-on.png);
	width:154px;
	height:59px;
}
.menu .nav02 a{
	float:left;
	background-image:url(../images/nav02.png);
	width:127px;
	height:59px;
}
.menu .nav02 a:hover{
	float:left;
	background-image:url(../images/nav02-on.png);
	width:127px;
	height:59px;
}
.menu .nav02_select a{
	float:left;
	background-image:url(../images/nav02-on.png);
	width:127px;
	height:59px;
}
.menu .nav03 a{
	float:left;
	background-image:url(../images/nav03.png);
	width:124px;
	height:59px;
	margin:0 181px 0 0;
}
.menu .nav03 a:hover{
	float:left;
	background-image:url(../images/nav03-on.png);
	width:124px;
	height:59px;
	margin:0 181px 0 0;
}
.menu .nav03_select a{
	float:left;
	background-image:url(../images/nav03-on.png);
	width:124px;
	height:59px;
	margin:0 181px 0 0;
}
.menu .nav04 a{
	float:left;
	background-image:url(../images/nav04.png);
	width:130px;
	height:59px;
}
.menu .nav04 a:hover{
	float:left;
	background-image:url(../images/nav04-on.png);
	width:130px;
	height:59px;
}
.menu .nav04_select a{
	float:left;
	background-image:url(../images/nav04-on.png);
	width:130px;
	height:59px;
}
.menu .nav05 a{
	float:left;
	background-image:url(../images/nav05.png);
	width:126px;
	height:59px;
}
.menu .nav05 a:hover{
	float:left;
	background-image:url(../images/nav05-on.png);
	width:126px;
	height:59px;
}
.menu .nav05_select a{
	float:left;
	background-image:url(../images/nav05-on.png);
	width:126px;
	height:59px;
}

.menu .nav06 a{
	float:left;
	background-image:url(../images/nav06.png);
	width:144px;
	height:59px;
}
.menu .nav06 a:hover{
	float:left;
	background-image:url(../images/nav06-on.png);
	width:144px;
	height:59px;
}
.menu .nav06_select a{
	float:left;
	background-image:url(../images/nav06-on.png);
	width:144px;
	height:59px;
}
.wrapper{
	margin:0 auto;
	width:1000px;
}
.main{ 
	position:relative;
	left:0;
	top:0;
	height:502px;
}
.flash_nv{
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	height:502px;
	display:block;
	z-index:2;
}


#wrap, #wrap_t, #wrap_b {
	min-width:1000px;
	width:100%;
	width:expression((documentElement.clientWidth < 1000px) ? "1000px" : "100%" );
}
#wrap  {
	background:#000000;
}
#wrap_t{
	background:url(../images/bg.jpg) center top no-repeat;
}
#wrap_b{
	padding-bottom:0px;
	background:url(../images/bg3.jpg) center bottom no-repeat;
}

#content{
	width:1000px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	position: relative;
	color:#000000;
}

/* ################ mid ##################*/
#mid{
	float:left;
	width:1000px;
}
.mid_top{
	float:left;
	width:1000px;
	height:11px;
	background:url(../images/content_top.gif) top no-repeat;
}
.mid_center{
	float:left;
	width:1000px;
	background:url(../images/content_mid.gif) repeat-y;
}
.mid_bottom{
	float:left;
	width:1000px;
	height:11px;
	background:url(../images/content_bottom.gif) top no-repeat;
}

 /* ################ left ##################*/
#left{
	float:left;
	width:279px;
	padding:0px 13px 0 11px;
}
.vg{
	float:left;
	width:279px;
	height:156px;
}
.register{
	float:left;
	width:279px;	
	background:#000000;
	/*padding:5px 0 5px 15px;*/
	margin:0 0 10px 0;
        color:white;
}
.dkno{
	float:left;
	width:136px;
	height:67px;
	background:url(/dang-nhap/layout/images/dkno.gif) no-repeat;
	margin:0 2px 0 3px;
}
.dkno:hover{
	background:url(/dang-nhap/layout/images/dkno.gif) no-repeat;
}
.dk{
	float:left;
	width:136px;
	height:67px;
	background:url(../images/dk.gif) no-repeat;
	margin:0 2px 0 3px;
}
.dk:hover{
	background:url(../images/dk_over.gif) no-repeat;
}
.nt{
	float:left;
	width:136px;
	height:67px;
	background:url(../images/nt.gif) no-repeat;
	padding:0 0 0 0;
}
.nt:hover{
	background:url(../images/nt_over.gif) no-repeat;
}
.dk_icon{
	float:left;
	width:279px;
	height:101px;
	text-align:center;
	background:url(../images/bg_register.gif) no-repeat;
	font-size:15px;
	color:#8c8c8c;
	padding:20px 0 0 0;
}
.dk_icon img{
	padding:15px 7px 0 7px;
}
.server{
	float:left;
	width:279px;
	padding:13px 0 0 0;
}
.server_top{
	float:left;
	width:279px;
	height:52px;
	background:url(../images/server_top.gif) no-repeat;
}
.server_mid{
	float:left;
	width:264px;
	/*padding:10px 0 100px 15px;*/
        margin:auto 14px;
}
.server_bottom{
	float:left;
	width:279px;
	height:34px;
	background:url(../images/server_bottom.gif) no-repeat;
}
.server1{
	float:left;
	width:251px;
	height:27px;
	background: url(../images/server_box.gif) no-repeat;
	color:#ad9d9c;
	font-size:13px;
	padding:4px 0 0 0px;
	line-height:18PX;
	margin:8px 5px 0 0;
	font-style:normal;
	text-align:center;
	text-shadow:1px 1px #000000;
}
.server1:hover{
	color:#ff0000;
}
.server1_img{
	padding:2px 5px 0 0;
}
.cbld{
	float:left;
	width:277px;
	height:105px;
	background:url(../images/cbld.gif) no-repeat;
	margin:10px 0 10px 0;
}
.cbld:hover{
	background:url(../images/cbld_over.gif) no-repeat;
}
.btht{
	float:left;
	width:277px;
	height:105px;
	background:url(../images/btht.gif) no-repeat;
	margin:0 0 0 0;
}
.btht:hover{
	background:url(../images/btht_over.gif) no-repeat;
}
.fanpage{
	float:left;
	width:265px;
	background:#eedeba;
	margin:13px 0 0 0;
	padding:7px;
}
.fanpage_top{
	float:left;
	width:265px;
	color:#353535;
	font-size:11px;
	line-height:20px;
	padding:10px 0 10px 0;
}
.fanpage_top span{
	color:#173d69;
	font-size:13px;
	font-weight:bold;
}

.fanpage_top_img{
	margin:0 10px 0 0;
}
.fanpages_content{
	float:left;
	width:265px;
	padding:10px 0 0 0;
	text-align:center;
	color:#4f4d4d;
	border-top:1px solid #cfb895;
}
.fanpages_content img{
	margin:7px 10px 0 0;
}

 /* ################ right ##################*/
#right{
	float:left;
	width:685px;
}
.right_qc{
	float:left;
	width:685px;
	height:234px;
	position:relative;
	left:0px;
	top:0px;
}
.right_qc_img{
	float:left;
	width:685px;
	height:234px;
	position: absolute;
	z-index:9px;
	left:1px;
	top:0px;
}
.right_qc_page{
	position:absolute;
	z-index:99999px;
	right:1px;
	top:218px;
	bottom:2px;
	width:180px;
	text-align:right;
}
.right_qc_page a{
	float:left;
	width:28px;
	height:8px;
	background:#000000;
	margin:0 5px 0 0;
}
.right_qc_page a:hover{
	float:left;
	width:28px;
	height:8px;
	background:#850202;
}
.right_qc_page .selected{
	float:left;
	width:28px;
	height:8px;
	background:#850202;
}
.sk{
	float:left;
	width:645px;
	height:278px;
	background:url(../images/bg_news.png) no-repeat;
	padding:39px 20px 0 20px;
	margin:10px 0 0 0;
}
.sk_mid{
	float:left;
	width:645px;
	background:url(../images/news_line.gif) top repeat-x;
	margin:10px 0 0 0;
	padding:20px 0 0 0;
}
.sk_mid_l{
	float:left;
	width:221px;
	padding:0 14px 0 0;
}
.sk_mid_l img{
	border:5px solid #996c33;
}

.sk_mid_r{
	float:left;
	width:408px;
	padding:0 0 0 0;
}
.sk_td1{
	background:url(../images/sk_line.gif) bottom no-repeat;
	color:#2c2c2c;
	font-size:13px;
	padding:0 0 10px 0;
	}
.sk_td1 span{
	font-size:14px;
	font-weight:bold;
	color:#d50600;
	}
.sk_td1 span a{
	font-size:14px;
	font-weight:bold;
	color:#d50600;
	}
.sk_td1 span a:hover{
	font-size:14px;
	font-weight:bold;
	color:#d50600;
	text-decoration:underline;
	}
.sk_td1 p{
	padding:5px 0 0 0;
	}
	
.sk_td2{
	background:url(../images/sk_line.gif) bottom no-repeat;
	color:#2c2c2c;
	font-size:13px;
	padding:7px 0 10px 0;
}
.sk_td2 a{
	color:#2c2c2c;
	}
.sk_td2 a:hover{
	color:#d50600;
	}
	
.tn{
	float:left;
	width:645px;
	height:195px;
	background:url(../images/tn_bg.png) no-repeat;
	padding:0 20px 0 20px;
}
.tn_title{
	float:left;
	width:645px;
	background:url(../images/news_line.gif) bottom repeat-x;
	padding:10px 0 10px 0;
	color:#6e0000;
	font-size:15px;
	font-weight:bold;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
}
.tn_box{
	/*float:left;
	width:580px;
	padding:15px 0 0 0;*/
}
.tn_td{
	border-right:1px solid #5d5b54;
	padding:0 0 0 25px;
	color:#5d5b54;
	font-size:15px;
}
.tn_td a{
	color:#5d5b54;font-weight: bold;
	}
.tn_td a:hover{
	color:#ff0000;
	text-decoration:underline;
	}

.bg_icon{
	float:left;
	width:645px;
	height:154px;
	background:url(../images/bg_icon.gif) repeat-x;
	padding:17px 20px 0 20px;
}
.bg_icon a{
	padding:0 3px 0 4px;
}

.bk{
	float:left;
	width:208px;
	height:141px;
	background:url(../images/bk.gif) no-repeat;
	margin:0 0 10px 0;
}
.bk:hover{
	background:url(../images/bk_over.gif) no-repeat;
}
.dq{
	float:left;
	width:208px;
	height:141px;
	background:url(../images/dq.gif) no-repeat;
	margin:0 0 10px 0;
}
.dq:hover{
	background:url(../images/dq_over.gif) no-repeat;
}
.gc{
	float:left;
	width:208px;
	height:141px;
	background:url(../images/gc.gif) no-repeat;
	margin:0 0 10px 0;
}
.gc:hover{
	background:url(../images/gc_over.gif) no-repeat;
}
.ha{
	float:left;
	width:645px;
	height:196px;
	background:url(../images/ha_bg.png) repeat-x;
	padding:33px 20px 0px 20px;
}
.ha_mid{
	float:left;
	width:645px;
	padding:10px 0 0 0;
}
.ha_mid_l{
	float:left;
	width:30px;
	padding:30px 0 0 0;
}
.ha_mid_m{
	float:left;
	width:585px;
}
.ha_mid_m img{
	border:3px solid #a18f69;
	margin:0 5px 0 5px;
}


/* ################ footer ##################*/
#footer{
    float: left;
    width: 1000px;
    padding: 10px 0 10px 0;
    text-align: center;
    color: whitesmoke;
    font-size: 14px;
}
#footer span{
	color:#ff0000;
} 


 /* ################ tintuc ##################*/
#tc_right{
	float:left;
	width:685px;
	background: #e6ce99 url(../images/tc_bg.gif) top no-repeat;
}
.tintuc{
	float:left;
	width:645px;
	padding:0 20px 0 20px;
}
.tintuc_title{
	float:left;
	width:645px;
	background:url(../images/news_line.gif) bottom repeat-x;
	padding:28px 0 10px 0;
}
.tintuc_title_l{
	float:left;
	width:300px;
	color:#000000;
	font-size:24px;
	font-weight:bold;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
        text-transform: uppercase;
}
.tintuc_title_r{
        float: right;
        font-size:14px;
        padding: 16px 0 10px 0;
}
.tintuc_title_r a{
	color:#ff0000;
	font-size:14px;
}
.tintuc_title_r a:hover{
	color:#ff0000;
	font-size:14px;
	text-decoration:underline;
}
.tintuc_box{
	float:left;
	width:645px;
	padding:0 0 0 0;
}
.tintuc_box1{
	float:left;
	width:645px;
	padding:15px 0 10px 0;
	border-bottom:1px solid #c1a874;
}
.tintuc_box1_l{
	float:left;
	width:148px;
	padding:0 11px 0 0;
}
.tintuc_box1_l img{
	border:3px solid #996c33;
}
.tintuc_box1_r{
	float:left;
	width:485px;
}
.tintuc_td{
	color:#494949;
	font-size:15px;
	padding:0 0 13px 0;
}
.tintuc_td span{
	color:#6e0000;
	font-size:15px;
	font-weight:bold;
}
.tintuc_td span a{
	color:#6e0000;
	font-size:15px;
	font-weight:bold;
}
.tintuc_td span a:hover{
	color:#ff0000;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
.news_more{
	float:left;
	width:90px;
	height:22px;
	color:#ffffff;
	text-align:center;
	background:#6e0000;
	font-size:13px;
	padding:3px 0 0 0;
}
.news_more a{
	float:left;
	width:90px;
	height:25px;
	color:#ffffff;
}
.news_more a:hover{
	float:left;
	width:90px;
	height:25px;
	color:#ffffff;
	text-decoration:underline;
}
/*CSS Digg style pagination*/

DIV.padding {
	float:left;
	width:639px;
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 40px; MARGIN: 3px; PADDING-TOP: 40px; TEXT-ALIGN: center
}
DIV.padding li{
	display: inline;
}
.padding-li a.active{
	BACKGROUND-COLOR: #ff9c00;
}
DIV.padding A {
	BORDER-RIGHT: #250a01 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #250a01 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #250a01 1px solid; COLOR: #ddd9c9; PADDING-TOP: 2px; BORDER-BOTTOM: #250a01 1px solid; TEXT-DECORATION: none; background:#4c1908;
}
DIV.padding A:hover {
	BORDER-RIGHT: #250a01 1px solid; BORDER-TOP: #250a01 1px solid; BORDER-LEFT: #250a01 1px solid; COLOR: #ddd9c9; BORDER-BOTTOM: #250a01 1px solid;BACKGROUND-COLOR: #ff9c00
}
DIV.padding A:active {
	BORDER-RIGHT: #250a01 1px solid; BORDER-TOP: #250a01 1px solid; BORDER-LEFT: #250a01 1px solid; COLOR: #000; BORDER-BOTTOM: #250a01 1px solid
}
DIV.padding SPAN.current {
	BORDER-RIGHT: #250a01 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #250a01 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #250a01 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #250a01 1px solid; BACKGROUND-COLOR: #ff9c00;
}
DIV.padding SPAN.disabled {
	BORDER-RIGHT: #250a01 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #250a01 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #250a01 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #250a01 1px solid;BACKGROUND-COLOR: #3e1608
}
.right_menu{
	float:left;
	width:263px;
	background:#23262a;
	padding:8px;
}
.right_menu_box{
	float:left;
	width:257px;
	background:#101114;
	padding:3px;
}
.sk_list{
	float:left;
	width:257px;
}
.sk_list ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
}

.sk_list ul li{
	background: url(../images/sk_list.gif) no-repeat;
}
.sk_list ul li a{
	font-size:16px;
	color: #bababa;
	text-decoration: none;
	margin:0 0 3px 0;
	padding:10px 0 10px 0;
	display: block;
	text-align:center;
}
* html .sk_list ul li{
	background: url(../images/sk_list.gif) no-repeat;
}

* html .sk_list ul li a{
	font-size:16px;
	color: #bababa;
	text-decoration: none;
	margin: 0;
	padding:10px 0 10px 0;
	display: block;
	text-align:center;
}
.sk_list ul li a span{
	float:right;
	font-size:16px;
	color: #00fcff;
	text-decoration: none;
	text-align:right;
	padding:0 15px 0 0;
}

.sk_list ul li a:hover{
	background: url(../images/sk_list_over.gif) no-repeat;
	color: #ffffff;
	text-decoration: none;
}
.sk_list ul li a.select{
	background: url(../images/sk_list_over.gif) no-repeat;
	color: #ffffff;
	text-decoration: none;
}
.htkh{
	float:left;
	width:271px;
	border:4px solid #500902;
	margin:10px 0 0 0;
}
.htkh_title{
	float:left;
	width:271px;
	height:51px;
	background:url(../images/htkh_title.gif) no-repeat;
}
.htkh_mid{
	float:left;
	width:271px;
	background:#161616;
	padding:15px 0 15px 0;
}
.htkh_mid_box{
	float:left;
	width:110px;
	padding:0 12px 0 12px;
	text-align:center;
	color:#747575;
	font-size:15px;
}
.htkh_mid_box a{
	color:#747575;
	font-size:15px;
}
.htkh_mid_box a:hover{
	color:#ff0000;
	font-size:15px;
	text-decoration:underline;
}
.htkh_mail{
	float:left;
	width:271px;
	padding:10px 0 10px 0;
	color:#ff0000;
	text-align:center;
	font-size:18px;
}

 /* ################ tintuc_chitiet ##################*/
.content1_text_title{
	float:left;
	width:645px;
	padding:15px 0 15px 0;
	background:url(../images/new_line.png) bottom no-repeat;
	color:#a90800;
	font-size:24px;
	text-align:center;
	margin:0 0 15px 0;
}

.content1_text{
	float:left;
	width:645px;
	padding:15px 0 0 0;
	line-height:20px;
}
	.content1_text p {
		margin-bottom: 10px;
		text-align: justify;
		padding-right: 3px;
	}
	.content1_text p.TextCenter {
		text-align: center;
	}
	.content1_text p.ImgCenter {
		text-align: center;
		margin-bottom: 20px;
	}
	.content1_text h4 {
		padding: 0px 0 1px 35px;
		line-height: 26px;
		font-size: 20px;
		background: url(../images/icon_h4_23x22_1.png) left 0px no-repeat;
		margin: 0 5px 5px 0;
		color: #000000;
	}
.ContentH4 {
		margin: 0 0 20px 28px;
	}
		.ContentH4 p {
			margin-bottom: 10px;
			text-align: justify;
			padding-right: 3px;
			line-height:25px;
		}
.FirstChar {
	padding: 4px 4px 0 0;
	line-height: 30px;
	font-size: 40px;
	float: left;
}
.ImagesH4 {
		text-align: center;
		margin: 0 0 20px 50px;
	}
ul.Icon {
	margin: 0px 0px 10px 15px;
}
	ul.Icon li {
		margin-bottom: 10px;
		background: url(../images/icon_li1_7x7.png) 0 6px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}
		ul.Icon li ul.LowerAlpha li {
			list-style-type: lower-alpha;
			margin-bottom: 10px;
			background: none;
			padding-left: 0px;
		}
ul.Disc {
	margin: 0px 0px 10px 5px;
}
	ul.Disc li {
		list-style-type: none;
		background: url(../images/icon-disc.gif) 3px 8px no-repeat;
		margin-bottom: 10px;
		padding: 0 0 0 20px;
		text-align: justify;
	}
		ul.Decimal li ul {
			padding-top: 5px;
		}
		ul.UpperAlpha li ul {
			padding-top: 5px;
		}
		ul.LowerAlpha li ul {
			padding-top: 5px;
		}
		ul.Icon li ul {
			padding-top: 5px;
		}
		ul.Dash li ul {
			padding-top: 5px;
		}
		ul.Disc li ul {
			padding-top: 5px;
		}
		
.news_detail_td2{
	width:625px;
	height:23px;
	background:#E9A53D;
	font-size:16px;
	color:#000000;
	padding:5px 0 0 20px;
        font-weight: bold;
	margin:0 0 10px 0;
	border:1px solid #85561b;
}
.news_detail_td3{
	padding:2px 0 2px 0;
	font-size:15px;
	color:#3c3c3c;
	border-bottom:1px dotted #000000;
        font-weight: bold;
}
.news_detail_td3 a{
	font-size:15px;
	color:#161616;
	text-decoration:none;
}
.news_detail_td3 a:hover{
	font-size:15px;
	color:#ff0000;
	text-decoration: underline;
}
.news_detail_td1{
	padding:5px;
	color:#3c3c3c;
	font-size:15px;
}
.news_detail_td1 p{
	padding:5px 0 5px 0;
} 

/* ################ huongdan ##################*/

.hd{
	float:left;
	width:257px;
}
.hd_title{
	float:left;
	width:257px;
	height:40px;
	background:url(../images/hd_title.gif) no-repeat;
	padding:0 0 3px 0;
}
.hd_mid{
	float:left;
	width:257px;
}

/* ################ hinh anh ##################*/
.tc_ha{
	float:left;
	width:184px;
	padding:15px 15px 0 15px;
}
.tc_ha_box{
	float:left;
	width:182px;
	height:119px;
	border:1px solid #000000;
}
.tc_ha_box img{
	float:left;
	width:180px;
	height:117px;
	border:1px solid #e7ce98;
}
.tc_ha_text{
	float:left;
	width:182px;
	text-align:center;
	font-size:14px;
	padding:10px 0 0 0;
}
.tc_ha_text a{
	font-size:14px;
	color:#000000;
}
.tc_ha_text a:hover{
	font-size:14px;
	color:#ff0000;
	text-decoration:underline;
}
/*CSS hinh phong to*/
div.overlay_ {
    background: url("../images/zoom.gif") no-repeat scroll center center #000000;
    border-radius: 1px;
    cursor: zoom-in;
    display: none;
    height: 113px;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 155px;
}
.piro_html {
    display: block;
    height: 500px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 150001;
}
.piro_html table, .piro_html tbody, .piro_html tr, .piro_html th, .piro_html td {
    border: medium none;
    margin: 0;
    padding: 0;
}
.piro_html img {
    border: medium none;
    margin: 0;
    padding: 0;
}
.piro_html .h_t_l {
    background: url("../images/new_skin.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 10px;
    width: 10px;
}
.piro_html .h_t_r {
    background: url("../images/new_skin.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    height: 10px;
    width: 10px;
}
.piro_html .h_t_c {
    background: url("../images/new_skin_top.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    height: 10px;
}
.piro_html .h_c_l {
    background: url("../images/new_skin_left.png") repeat-y scroll left center rgba(0, 0, 0, 0);
    width: 10px;
}
.piro_html .h_c_c {
    background: none repeat scroll 0 0 #fff;
    margin: 0;
    padding: 0;
}
.piro_html .h_c_c .div_reg {
    background: none repeat scroll 0 0 #fff;
    height: 480px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 480px;
    z-index: 1500190;
}
.piro_html .h_c_c .div_reg img {
}
.piro_html .h_c_r {
    background: url("../images/new_skin_left.png") repeat-y scroll right center rgba(0, 0, 0, 0);
    width: 10px;
}
.piro_html .h_b_c {
    background: url("../images/new_skin_top.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    height: 10px;
}
.piro_html .h_b_l {
    background: url("../images/new_skin.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    height: 10px;
    width: 10px;
}
.piro_html .h_b_r {
    background: url("../images/new_skin.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    height: 10px;
    width: 10px;
}
.piro_overlay {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150000;
}
.piro_loader {
    background: url("../images/loader_nav.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 26px;
    left: 50%;
    margin: -13px 0 0 -37px;
    position: absolute;
    top: 50%;
    width: 70px;
    z-index: 1500197;
}
.piro_loader span {
    background: url("../images/loadinfo.gif") no-repeat scroll center bottom #fff;
    display: block;
    height: 10px;
    left: 50%;
    margin-left: -24px;
    margin-top: -5px;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: 1500198;
}
.piro_title {
    background: url("../images/bg_title.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    color: white;
    display: none;
    font-size: 18px;
    left: 0;
    padding: 6px 0 10px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 150000;
}
/* ################ Server ##################*/

.server_hello{
	float:left;
	width:645px;
	font-size:20px;
	text-align:center;
	padding:20px 0 20px 0;
}
.server_hello span{
	font-size:20px;
	color:#a90800;
}

.server_box{
	float:left;
	width:625px;
	padding:0 0 0 20px;
}
.server11{
	float:left;
	width:250px;
	height:33px;
	background:url(../images/server11.png) no-repeat;
	margin:0 20px 12px 10px;
	font-size:18px;
	font-weight:bold;
	color:#e6c2c2;
	text-align:center;
	padding:5px 0 0 0;
}
.server11:hover{
	background:url(../images/server11_over.png) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#e6c2c2;
	text-decoration:none;
}
.server12{
	float:left;
	width:250px;
	height:33px;
	background:url(../images/server12.png) no-repeat;
	margin:0 20px 12px 10px;
	font-size:18px;
	font-weight:bold;
	color:#e6c2c2;
	text-align:center;
	padding:5px 0 0 0;
}
.server12:hover{
	background:url(../images/server12_over.png) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#e6c2c2;
	text-decoration:none;
}
.server13{
	float:left;
	width:250px;
	height:33px;
	background:url(../images/server11.png) no-repeat;
	margin:10px 20px 12px 3px;
	font-size:18px;
	font-weight:bold;
	color:#e6c2c2;
	text-align:center;
	padding:5px 0 0 0;
}
.server13:hover{
	background:url(../images/server11_over.png) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#e6c2c2;
	text-decoration:none;
}

.server_left{
	float:left;
	width:257px;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	padding:5px 0 0 0;
}
/*slider image*/

.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    /*width:100%; */
    width:550px;  
    height: 120px;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;   
    width:125px;
    height:103px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 18px;
    height: 47px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
   
}

.nbs-flexisel-nav-left {
	top: 25!important;
    left: -30px;
    background: url(../images/pre.png) no-repeat;
}

.nbs-flexisel-nav-right {
	top: 25!important;
    right: -60px;
    background: url(../images/next.png) no-repeat;
}
/*tabs*/
ul.tabs {	
	background: url("../images/news_line.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    float: left;
    height: 46px;
    list-style: none outside none;
    padding: 0;
    width: 645px;
}
ul.tabs li {
	float: left;
	font-family: "Myriad Pro","Myriad Pro Cond","Myriad Pro Light";
	font-size: 18px;
	font-weight: bold;
    margin: 0 5px 0 0;
    min-width: 113px;	
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	color: #6b4d26;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
}
ul.tabs li a:hover {
	font-weight: bold;
	text-decoration: none;
}	

.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;	
}
.register .user-info2{
	color:#FFF;
	text-align:center;
}
.register .user-info2  a{
	color:#0099FF;
}
.but-m{
    font-weight: bold;
    color:red;
}

.sk_mid ul {
    margin: 6.75em 0;
    padding: 0 1em;
    list-style: none;
}
.sk_mid ul li{font-weight:bold;}
.sk_mid ul li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: 18em;
    top: 0.9em;
    position: relative;
}
.list_right{ float:right;}
.welcome{
    font-weight: bold;
}
.welcome_info a{
    font-weight: bold;
    color:red;
    font-size:20px;
}

/*
style for FOOTER HINH TRONG GAME -HINH NEN
*/
.tab-links_bot{
    float: left;
    width: 645px;
    height: 44px;
    list-style: none;
    padding: 0 0 0px 0PX;
}
.tab-links_bot li {
    float: left;

    min-width: 113px;
    font-size: 15px;
    font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
    text-transform: uppercase;
    font-weight: bold;
    list-style:none;
}
.tab-links_bot a {
    padding:7px 15px;
    display:inline-block;
    font-weight:bold;
    color:#6b4d26;
    transition:all linear 0.15s;
}
.tab-links_bot a span{
    width: 108px;
    min-width: 108px;
    height: 30px;
    min-height: 28px;
    padding-top: 14PX;
    padding-right: 0;            
}

.tab-links_bot:after {
display:block;
clear:both;
content:'';
}

.tab-links_bot a:hover {
text-decoration:none;
}

/*----- Content of Tabs -----*/
.tab-links_bot li.active a, .tab-links_bot li.active a:hover {
color:#fff; 
}
.tab.active {
display:block;
}
.sk_mid_bot{
float: left;
width: 645px;
background: url(http://bathiendia.com/static/templates/frontend/home/images/news_line.gif) top repeat-x;
padding: 5px 0 0 0;
}
/*
STYLE FOR CSS TAD TIN TUC -SU KIEN- HUONG DAN
*/
.tab-links{
float: left;
width: 645px;
height: 44px;
background: url(http://bathiendia.com/static/templates/frontend/home/images/news_title.gif) no-repeat;
list-style: none;
padding: 0 0 0px 0PX;
}
.tab-links li {
float: left;
min-width: 120px;
font-size: 15px;
font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
text-transform: uppercase;
font-weight: bold;
border-right:1px solid black;
}
.tab-links a{
position: relative;
top: 0px;
z-index: 2;
padding-left: 0;
color: #ffb4b4;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.tab-links a span{
width: 108px;
min-width: 108px;
height: 30px;
min-height: 28px;
padding-top: 14PX;
padding-right: 0;            
}
.tabs2-nav a, .tabs2-nav a span {
display: block;
padding: 0 5px;
background: url(http://bathiendia.com/static/templates/frontend/home/images/tab.png) no-repeat;
}

.tabs {
width:100%;
display:inline-block;
}

.tab-links:after {
display:block;
clear:both;
content:'';
}

.tab-links li {
float:left;
list-style:none;
}

.tab-links a {
padding:12px 15px;
display:inline-block;
border-radius:3px 3px 0px 0px;
font-size:16px;
font-weight:600;
color:#fff;
transition:all linear 0.15s;
}

.tab-links a:hover {
text-decoration:none;
}

.tab-links li.active a, .tab-links li.active a:hover {
color:#fff;
display: block;
background: url(http://bathiendia.com/static/templates/frontend/home/images/tab.png) repeat 0px 45px;
}

/*----- Content of Tabs -----*/
.tab-content {
padding:0px;
border-radius:3px;
box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
}

.tab {
display:none;
}